<!DOCTYPE html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>安全质量量化考核系统</title>
    <!--<link rel="stylesheet" href="../static/css/reset.css" th:href="@{/css/reset.css}"/>-->
    <!--<link rel="stylesheet" href="../static/font-awesome/css/font-awesome.css"-->
    <!--th:href="@{/font-awesome/css/font-awesome.css}" type="text/css"/>-->
    <link rel="stylesheet" href="${ctx}/css/passwordReset.css" />
    <script type="text/javascript" src="${ctx}/plugin/jquery/jquery-2.1.1.js"
           ></script>

</head>
<body style="height: 100%;">
<!-- 头部 -->


<div class="content">
    <div class="content-title">
        <!--<img class="content-title-img" src="../static/images/login/top.png" alt=""-->
        <!--th:src="@{/images/login/top.png}">-->
        <h1 class="content-title-h1">安全质量量化考核系统</h1>
    </div>
    <div class="content-form">
        <div class="content-form-right">
            <!--<div class="content-form-left">-->
            <!--<img src="../static/images/login/318739.jpg" alt="" th:src="@{/images/login/318739.jpg}">-->
            <!--</div>-->
            <div class="form-content">
                <form id="resetForm" method="post" name="resetForm" action="${ctx}/user-resetPwd">
                    <input value="${errorReset}" type="hidden" id="errorReset"/>
                    <div id="phoneCheck">
                        <h3 class="form-title">手机验证
                        </h3>
                        <div class="form-input">
                            <label for="phone">
                                <img src="${ctx}/images/login/login-user.png" alt=""
                                    >
                            </label>
                            <input id="phone" name="phone" type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/"  placeholder="请输入手机号码">
                        </div>

                        <div class="form-input">
                            <label for="veryCode">

                                <img
                                     src="${ctx}/images/login/login-code.png" alt="">
                            </label>
                            <input class="ipt" id="veryCode" width="300px" type="text" name="veryCode" onkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/"
                                   placeholder="输入验证码"/>
                            <input type="button" atl="${ctx}/getVeryCode" id="getCode" class="getVeryCode" value="获取验证码"  onclick="getVeryCode(this)"/>
                            <#--<a type="button" src="${ctx}/getVeryCode" class="getVeryCode"  onclick="getVeryCode(this)">获取验证码</a>-->
                        </div>

                        <div style="height: 50px; line-height: 50px; margin-top: 15px;position: relative">
                            <a type="button" src="${ctx}/checkPhoneCode" id="nextStep" class="forget" onclick="nextCheck()">下一步</a>
                            <a src="${ctx}/login-page" onclick="toLogin()" id="toLogin" href="#"
                               style="position: absolute;line-height: 0px;top: 60px;right: 10px;color: #066f68;">返回登录</a>
                        </div>
                    </div>
                    <div id="passwordDiv"  hidden="hidden">
                        <h3 class="form-title">密码重置
                        </h3>
                        <div class="form-input">
                            <label for="userPassword">
                                <img src="${ctx}/images/login/login-password.png" alt=""
                                     >
                            </label>
                            <input id="userPassword" name="password" type="password" placeholder="输入新密码">
                        </div>
                        <div class="form-input">
                            <label for="userPassword2">
                                <img src="${ctx}/images/login/login-password.png" alt=""
                                    >
                            </label>
                            <input id="userPassword2" name="password2" type="password" placeholder="再次输入密码">
                        </div>

                        <div style="height: 50px; line-height: 50px; margin-top: 15px;position: relative">
                            <a type="button" class="forget" onclick="checkUserForm()">重&nbsp;置</a>
                            <a src="${ctx}/login-page" onclick="toLogin()" id="toLogin" href="#"
                               style="position: absolute;line-height: 0px;top: 60px;right: 10px;color: #066f68;">返回登录</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="content-footer">
    <span>杭州捷登科技有限公司&nbsp;&nbsp;地址：&nbsp;&nbsp;天目山路龙都大厦主楼301室&nbsp;&nbsp;电话：&nbsp;&nbsp;0571-666666</span><br/>
    <span>&copy;&nbsp;&nbsp;www.jiedeng.com&nbsp;&nbsp;</span>
</div>

</body>
<script type="text/javascript" src="${ctx}/js/passwordReset.js" "></script>
</html>